﻿@charset "utf-8";
/**
?????????????????????????????????????????????
http://www.grwy.cn/
**/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
body{color:#666;font-size:100%;line-height:1.5;font-family: 'Microsoft Yahei', Arial, 'simsun', HELVETICA;min-width:320px;}
a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #666;text-decoration: none;}
a:hover{text-decoration:none;}
 a:focus,input:focus{outline:none;}
/*a:hover { color:#a07142; }*/
html, body {
    position: relative;
    height: 100%;
}
img {
    max-width: 100%;
    vertical-align: middle;
}
/* CSS????????????????????? */
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}
.container{max-width:1700px;margin:0 auto;padding:0 15px;min-width:320px;box-sizing:content-box;}
.wrap {padding: 0 15px; }
.grWidth {max-width:1200px;margin:0 auto;padding:0 15px;min-width:320px;box-sizing:content-box;}

.pages .pagination {
  text-align: center;
  height: auto;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}
.flink {
  margin-top: 50px;
  width: 100%;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  background: #fff;
  color: #1C4587;
  font-size: 14px;
  border: 1px solid #1C4587;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 40px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left: 40px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #036aac;
}

.pro_tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
    margin-top: 20px;
}

.pro_tag span {
  font-size: 14px;
  color: #333;
}
.pro_tag a {
  font-size: 11px;
  color: #666;
  padding-right: 15px;
}
.pro_tag a:hover {
  color: #036aac;
}
.show_pages {
  padding-top: 20px;
}

.show_pages p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 6px;
}

.show_pages p a {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #036aac;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;
    margin-bottom: 12px;
}
.showarea .list a:hover {
  color: #036aac;
}

/*  ?????? */
.header{line-height: 112px;height: 112px;background-color: #fff;}
.header .container{position: relative;}
.navFix{ position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:100000;
    box-shadow: 0 0 4px #ddd;
    height:112px;
    line-height:112px;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));}
.navFix .headerLogo{width: 28%;}
.navFix .headerLogo a img{ }
.navFix .headerNav{margin-right: 100px;}
.navFix .headerNav .menu2{ }
.navFix .headerSearch{padding-top: 40px;}
.headerLogo{width:28%; }
.headerLogo a img{margin:0px;}
.headerNav {margin-right: 40px;}
.headerNav .menu1>li{float: left;margin:0 24px;position: relative;}
.headerNav .menu1>li>a{font-size: 16px;color: #424242;position: relative;display: block;width: 100%;height: 100%;}
.headerNav .menu1>li>a:after{content: "";position: absolute;width: 0;left: 0;bottom: 0;height: 2px;background-color: #234890;transition: all .5s;}
.headerNav .menu1>li>a:hover:after,.headerNav .menu1>li>.current:after{width: 100%;}
.headerNav .menu2{position: absolute;left:50%;width: 120px;top: 112px;background:#fff;box-shadow: 0 0 4px #ddd;z-index: 110;margin-left: -60px;display: none;}
.headerNav .menu2>li{position: relative;}
.headerNav .menu2>li>a{font-size: 14px;color: #333;display: block;transition: all .5s;border-bottom: 1px solid #ddd;text-align: center;height: 40px;line-height: 40px;}
.headerNav .menu2>li>a:hover{background-color: #234890;color: #fff;border-color: #234890}
.headerNav .menu3{position: absolute;width: 100px;background: #fff;left: 120px;top: 0;box-shadow: 0 0 4px #ddd;display: none;}
.headerNav .menu3 li{padding: 0 10px;}
.headerNav .menu3 li a{display: block;height: 30px;line-height: 30px;font-size: 13px;color: #333;background: url(img/hMore-ico2.png) no-repeat right center;transition: all .5s;}
.headerNav .menu3 li:hover a{color: #234890;}
.headerSearch{padding-top: 40px;}
.headerSearch form{border: 1px solid #c4c4c4;border-radius: 30px;overflow: hidden;background-color: #fff;}
.headerSearch form input{display: block;height: 36px;line-height: 36px;}
.headerSearch form .txt{float: left;width: 170px;padding: 5px 10px;font-size: 12px;color: #999;}
.headerSearch form .sub{float: right;width: 37px;background: url(img/search-ico.png) no-repeat center center;cursor: pointer;}
.headerLink{font-size: 0;text-align: right;position: relative;}
.headerLink .search{display: none;}
.headerLink .wb,.headerLink .wx{display: inline-block;vertical-align: middle;margin: 0 10px;}
.headerLink .wb{width: 21px;height: 21px;background: url(img/wb-ico.png) no-repeat center center;}
.headerLink .wx{width: 23px;height: 21px;background: url(img/wx-ico.png) no-repeat center center;}
.headerLink .wx .wxImg{position: absolute;left: 13px;top: 85px;z-index: 20;background-color: #fff;display: none;}
.headerLink .lang{font-size: 12px;color: #999999;vertical-align: middle;padding: 5px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-left: 10px;}
.mobileNav{display: none;}
/*???????????????*/
.banner { background: none; border: none;box-shadow: none; zoom: 1;margin-bottom: 0;position: relative;overflow: hidden;}
.banner .slides > li {display: none; -webkit-backface-visibility: hidden;}
.banner .slides img {width: 100%;}
.banner .slides .wap{display: none;}
/*?????????*/
.banner  .flex-control-nav {width: 100%; position: absolute; bottom: 60px; text-align: center;z-index: 20;}
.banner  .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;cursor: pointer;}
.banner  .flex-control-nav li a{color: #fff;font-size: 16px;position: relative;}
.banner  .flex-control-nav li a:before{content: "0"}
.banner  .flex-control-nav li a:after{content: "";position: absolute;width: 2px;height: 0;background-color: #234890;bottom: -60px;left: 50%;margin-left: -1px;transition: all .5s;}
.banner  .flex-control-paging li a.flex-active{color: #234890;}
.banner  .flex-control-paging li a.flex-active:after{height: 40px;}
/*????????????*/
.banner  .flex-direction-nav {*height: 0;}
.banner  .flex-direction-nav a { text-decoration:none; display: block; width: 30px; height: 30px;position: absolute; top: 50%; z-index: 10; overflow: hidden;  cursor: pointer;margin-top: -15px;font-size: 0;}
.banner  .flex-direction-nav .flex-prev { left: 0; background: url(img/banner-prev.png) no-repeat center center rgba(0,0,0,0.7);opacity: 0}
.banner  .flex-direction-nav .flex-next { right: 0;background: url(img/banner-next.png) no-repeat center center rgba(0,0,0,0.7);opacity: 0}
.banner:hover .flex-prev { left: 1%;opacity: 1}
.banner:hover .flex-next {  right: 1%;opacity: 1}
.banner:hover .flex-next:hover, .banner:hover .flex-prev:hover { background-color: #fe9001 }
.banner  .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*??????*/
.homeTopic{font-size: 36px;font-weight: normal;text-align: center;color: #191919;margin-bottom:3.1%;}
.homeTopic b{font-weight: normal;font-style: normal;font-size: 14px;color: #c8c8c8;display: block;margin-top: -5px;}
.homeTopic span{font-size: 18px;color: #666666;display: block;margin-top: 5px;}
/*????????????*/
.homeSolution{padding: 70px 0;background: url(img/hSolution-bg.jpg) no-repeat center bottom #fff;}
.homeSolution .desc{font-size: 14px;color: #191919;line-height: 22px;margin: 0 auto 3%;text-align: center;background: url(img/hSolution-line.png) no-repeat center center;}
.homeSolution .desc p{width: 50%;margin: 0 auto;}
.homeSolution-list{text-align: center;}
.homeSolution-list li{width: 374px ;overflow: hidden;display: inline-block;}
.homeSolution-list li:nth-child(1) .cover i{ background-color: #052b74}
.homeSolution-list li:nth-child(2) .cover i{ background-color: #6a9e49}
.homeSolution-list li:nth-child(3) .cover i{ background-color: #052b74}
.homeSolution-list li:nth-child(2){margin:0  80px;}
.homeSolution-list li a{display: block;position: relative;z-index: 0}
.homeSolution-list li .pic{display: block;width: 100%;overflow: hidden;background-color:#000;}
.homeSolution-list li .pic img {display: block;width: 100%;transition: all .5s;opacity: 0;}
.homeSolution-list li .cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;border: 10px solid #f5f5f5;transition: all .5s;opacity: 1;z-index: 1;background: rgba(255,255,255,1);}
.homeSolution-list li .cover i{display: block;width: 106px;overflow: hidden;background-repeat: no-repeat;background-position: center center;margin: 0 auto;overflow: hidden;background-size: 100%;background-color: #4c4c58;padding-top: 106px;border-radius: 50%;margin: 15px auto;transition: all .5s;}
.homeSolution-list li:nth-child(1) .cover i{background-image: url(img/hSolu-ico1.png);}
.homeSolution-list li:nth-child(2) .cover i{background-image: url(img/hSolu-ico2.png);}
.homeSolution-list li:nth-child(3) .cover i{background-image: url(img/hSolu-ico3.png);}
.homeSolution-list li .cover  h5{font-size: 20px;color: #191919;margin-bottom: 4%;transition: all .5s;}
.homeSolution-list li .cover  p{font-size: 14px;color: #535353;line-height: 22px;padding: 0 44px;transition: all .5s;}
.homeSolution-list li .cover:before{content: "";position: absolute;width: 90px;height: 90px;margin: 0 auto;background-color: #fff;border-radius: 50%;left: 50%;top: 50%;margin-left: -45px;margin-top: -45px;transition: all .5s;z-index: -1;opacity: 0;transform: scale(10);}
/*????????????*/
.homeCase{padding: 70px 0;background-color: #ebebeb;position: relative;z-index: 0}
.homeCase .container{overflow: hidden;}
.homeCase ul{max-width: 1720px;}
.homeCase li{width: 19.5%;float: left;margin:0  0.25%;overflow: hidden;position: relative;z-index:0;background-color: #fe9001;transition: all .5s;}
.homeCase li a{display: block;width: 100%;height: 100%}
.homeCase li:after{content: "";position: absolute;width: 9%;height: 9%;background: url(img/hMore-ico1.png) no-repeat center center;background-size: 100%;left: 50%;top: 0;margin-left: -4.5%;top: 25%;opacity: 0;transition: all .5s;}
.homeCase li img{;position: relative;z-index: -1;width: 100%;transition: all .5s;}
.homeCase li {overflow: hidden;display: block;}
.homeCase li .tit{display: block;padding: 6.5% 10%;font-size: 14px;color: #191919;background-color: #fff;transition: all .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*????????????*/
.homeDisplay{background: url(img/hDisplay-bg2.jpg) no-repeat center center;background-size: cover;padding: 60px 0;overflow: hidden;}
.homeDisplay .container{position: relative;height: 460px;padding: 0;}
.homeDisplay .container:before{position: absolute;content: "";width: 100%;height: 220px;border: 1px solid #cccccc;left: 0;top: 72px;}
.homeDisplay li{float: left;text-align: center;font-size: 14px;color: #333333;position: absolute;}
.homeDisplay li a{display: block;width: 100%;height: 100%;color: #333333;}
.homeDisplay li i{display:block;width: 115px;height: 128px;background: url(img/hDsplay-icoBg1.png) no-repeat center center;background-size: cover;margin: 0 auto  25px;transition: all .5s;}
.homeDisplay li i img{height: 100%;top: 10px;}
.homeDisplay li:nth-child(1){left: 6%;top: 10px;}
.homeDisplay li:nth-child(2){left: 18%;top: 10px;}
.homeDisplay li:nth-child(3){right: 18%;top: 10px;}
.homeDisplay li:nth-child(4){right: 6%;top: 10px;}
.homeDisplay li:nth-child(5){left: 6%;bottom: 60px;}
.homeDisplay li:nth-child(6){left: 18%;bottom: 60px;}
.homeDisplay li:nth-child(7){right: 18%;bottom: 60px;}
.homeDisplay li:nth-child(8){right: 6%;bottom: 60px;}
.homeDisplay .homeVideo{width: 40%;left: 50%;margin-left: -20%;position: absolute;top: 50%;margin-top: -14%;overflow: hidden;}
.homeDisplay .homeVideo .hVideo{width: 100%;height: 100%;}
.homeVideo .video-js{width: 100%;height: 100%;}
.homeDisplay .homeVideo img{display: block;width: 100%;}
.homeDisplay li.on i{background: url(img/hDsplay-icoBg2.png) no-repeat center center;background-size: cover;}
.homeDisplay .vjs-poster{background-size: cover ! important;}
/*????????????*/
.homeAbout{padding: 70px 0;background-color: #ebebeb;position: relative;z-index: 0;}
.homeAbout li{width: 24.5%;float: left;margin: 0  0.25%;overflow: hidden;}
.homeAbout li img{width: 100%;display: block;transition: all .5s;position: relative;z-index: -1;}
.homeAbout li .txt{padding: 4%  8%;background-color: #fff;font-size: 12px;color: #666666;transition: all .5s;}
.homeAbout li .txt h5{font-size: 20px;color: #191919;font-weight: normal;margin-bottom: 2%;}
.homeAbout li .txt p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*?????? */
.homeNews{padding: 70px 0;}
.homeNews .homeTopic{text-align: left;}
.homeNews-left{width: 38.8%;}
.homeNews-right{width: 57.6%;}
.homeNews-left li{padding: 1.25% 0; }
.homeNews-left li a{font-size: 16px;color: #191919;padding-left: 4%;background: url(img/hNews-ico.png) no-repeat left center;transition: all .5s;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 70%;}
.homeNews-left li span{float: right;font-size: 14px;color: #999999;}
.homeNews-right li{width: 48.5%;float: left;}
.homeNews-right li:nth-child(2){float: right;}
.homeNews-right li .pic{display: block;width: 100%;overflow: hidden;}
.homeNews-right li .pic img{display: block;width: 100%;transition: all .5s;}
.homeNews-right li .txt{font-size: 12px;color: #666666;line-height: 20px;}
.homeNews-right li .txt h5{padding: 4% 0;font-size: 16px;color: #191919;transition: all .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.homeNews-right li .txt .time{display: block;padding-top: 3.5%;}
/*???????????? */
.homePartner{background-color: #f0f0f0;padding: 70px 0;}
.homePartner li{width:12.4%;float: left;margin-right: 1px;margin-bottom: 1px;transition: all .5s;overflow: hidden;position: relative;}
.homePartner li img{display: block;width: 100%;}
/*??????*/
.footer{padding: 70px 0 0 0;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5}
.footer .firendLink{float: left;width: 100%;padding-bottom: 15px;}
.footer .firendLink span{font-size: 14px;}
.footer .firendLink a{font-size: 12px;}
.footerNav{width:48%;float: left;}
.footerNav dl{float: left;margin-right: 14%;}
.footerNav dl dt{font-size: 14px;color: #111111;margin-bottom: 23%;}
.footerNav dl dd{font-size: 12px;color: #777777;margin-bottom: 5%;}
.footerNav dl dd a{font-size: 12px;color: #777777;}
.wapOrgan{display: none;}
.footerOrgan{width: 10%;float: left;margin-right: 10%;}
.footerOrgan span{display: block;font-size: 14px;color: #191919;margin-bottom: 5%;}
.footerOrgan li{font-size: 12px;float: left;width: 50%;}
.footerEwm{float: left;}
.footerEwm span{display: block;font-size: 12px;color: #d2d2d2;padding-top: 5%;width: 80px;}
.footerTel{background: url(img/footer-ico1.png) no-repeat left 60px;float: right;margin-right: 0;}
.footerTel h3{font-size: 34px;color: #666666;margin-bottom: 10px;}
.footerTel  .tel{font-size: 24px;color: #666666;text-align: right;background: url(img/footer-ico2.png) no-repeat right 10px;padding-right: 45px;padding-bottom:10px;margin-bottom: 10px;}
.footerTel  .tel span{display: block;font-size: 12px;text-transform: uppercase;margin-bottom: -5px;}
.footerBot{font-size: 12px;min-height: 70px;line-height: 30px;color: #b6b6b6; }
.footerBot a{color:#b6b6b6;padding: 0 10px;border-right: 1px dotted #b6b6b6}
.footerMobile{display: none;}
.mobileKefu{display: none;}
.footerBiaozhi{display:none;}

/*??????????????????*/
.pageTopic{font-size: 32px;color: #0d0d0d;font-weight: normal;text-align: center;padding-bottom: 30px;}
.pageTopic span{display: block;font-size: 12px;color: #cccccc;}


/*??????banner*/
.listBanner{position: relative;}
.listBanner img{width: 100%;}
.listBox{padding: 40px 0;}
/*????????????*/
.listMenu{padding: 70px 0 30px 0;}
.listMenu {overflow: hidden;text-align: center;font-size: 0;}
.listMenu  .menu1>li{display:inline-block;width: 146px;height: 44px;color: #333333;line-height: 44px;transition: all .5s;}
.listMenu  .menu1>li>a{font-size: 14px;display: block;color: #333333;border: 1px solid #d9d9d9;margin-right: -1px;}
.listMenu  .menu1>li:first-child>a{border-radius: 30px 0 0 30px;}
.listMenu  .menu1>li:last-child>a{border-radius: 0 30px 30px 0;}
.listMenu  .menu1>li.current>a{background-color: #234890;border-color: #234890;color: #fff;}
.listMenu .menu1>li.current>a{color: #fff;}
.navMenu{margin-bottom: 30px;}
.navMenu .menu2{text-align: center;}
.navMenu .menu2 li{display: inline-block;margin: 0 30px;}
.navMenu .menu2 li a{position: relative;color: #333333}
.navMenu .menu2 li a:after{position: absolute;width: 0;left: 0;height: 2px;background-color: #234890;bottom: -8px;transition: all .5s;content: "";}
.navMenu .menu2 li:hover a:after,.navMenu .menu2 li.current a:after{width: 100%;}

/*???????????????*/
.breadCrumb{height: 50px;line-height: 50px;background: #f5f5f5;}
.breadCrumb p{background: url('img/home_icon.png') no-repeat 20px center;padding-left: 40px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:10px;}
.breadCrumb .back:hover{background:#234890;transition:all 0.3s;}

/*?????????????????????*/
/*????????????*/
.pageAbout-main{border-top: 1px solid #e6e6e6;padding: 60px 0;line-height:35px;}
.pageAbout-left{float: left;width: 50%;height: 490px;}
.pageAbout-left .pic{display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center}
.pageAbout-right{float: right;width: 47%;}
.pageAbout-right h2{font-size: 26px;color: #fe9001;font-weight: normal;margin-bottom:6%;}
.pageAbout-right p{font-size:14px;color: #333333;line-height: 20px;margin-bottom: 20px; }
/*????????????*/
.pageHonor{background-color: #e6e6e6;padding: 60px 0;}
.pageHonor-main{overflow: hidden;}
.pageHonor-main ul{margin-bottom: 40px;}
.pageHonor-main li{width: 20%;}
.pageHonor-main li .pic{display: block;overflow: hidden;}
.pageHonor-main li .pic img{width: 100%;}
.pageHonor-main li .tit{display: block;height: 50px;line-height: 50px;font-size: 14px;color: #333333;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.honor-pagination span{width: 8px;height: 8px;background: none;border: 2px solid #f99633;opacity: 1;}
.honor-pagination .swiper-pagination-bullet-active{background-color: #f99633}
/*????????????*/
.pageCourse{padding: 60px 0;}
.pageCourse-main{margin-bottom:50px;}
.pageCourse-main li .txt{text-align: center;width: 510px;margin: 0 auto;text-align: left;font-size: 14px;color: #333333;padding-left: 150px;}
.pageCourse-main li b{font-size: 50px;font-weight: normal;color: #fe9001;vertical-align: middle;float: left;margin-left: -150px;}
.pageCourse-time{position: relative;}
.pageCourse-time:after{width: 100%;height: 1px;content: "";position: absolute;background-color: #000;left: 0;z-index: 10;top:50%;z-index: -1;}
.pageCourse-time  li{width: 10%;float: left;text-align: center;height: 80px;position: relative;}
.pageCourse-time  li span{font-size: 16px;color: #333333;position: absolute;left: 0;right: 0;text-align: center;}
.pageCourse-time  li:nth-child(2n+1) span{bottom: 0;}
.pageCourse-time  li:nth-child(2n){top: 0;}
.pageCourse-time  li i{position: absolute;width: 12px;height: 12px;border-radius: 50%;background-color: #999999;left: 50%;margin-left: -6px;top: 50%;margin-top: -6px;}
.pageCourse-time  li.active-nav i{transform: scale(1.8);background-color: #fe9001}
.pageCourse-main .swiper-button-prev,.pageCourse-main .swiper-button-next{width: 46px !important;height: 46px;border-radius: 50%;background-position: center center;background-repeat: no-repeat;background-size: auto;}
.pageCourse-main .swiper-button-prev{background-image: url(img/pCourse-prev.png);}
.pageCourse-main .swiper-button-next{background-image: url(img/pCourse-next.png);}

/*????????????*/
.pageTech{padding: 60px 0;background-color: #e6e6e6;}
.pageTech-main{overflow: hidden;}
.pageTech-main ul{margin-bottom: 40px;}
.pageTech-main li{width: 20%;}
.pageTech-main li .pic{display: block;overflow: hidden;}
.pageTech-main li .pic img{width: 100%;}
.pageTech-main li .tit{display: block;height: 50px;line-height: 50px;font-size: 14px;color: #333333;text-align: center;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}

/*????????????*/
.pageWitness{padding: 60px 0;}
.pageWitness-main{overflow: hidden;}
.pageWitness-main ul{margin-bottom: 40px;}
.pageWitness-main li{width: 20%;margin-bottom: 15px;}
.pageWitness-main li .pic{display: block;overflow: hidden;}
.pageWitness-main li .pic img{width: 100%;transition: all .5s;}
.pageWitness-main li .tit{display: block;font-size: 14px;color: #333333;text-align: center;padding: 20px 0;transition: all .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*????????????*/
.listVideo{background-color: #ebebeb;padding: 20px 0 60px;}
.listVideo ul{max-width: 1720px;}
.listVideo li{width: 20%;float: left;overflow: hidden;transition: all .5s;}
.listVideo li a{display: block;width: 100%;height: 100%;margin:0  5px 5px;box-sizing: border-box;-moz-box-sizing:border-box;background-color: #111;overflow: hidden;position: relative;z-index:0;}
.listVideo li a:after{content: "";position: absolute;width: 30%;height: 30%;background: url(img/pVideo-ico.png) no-repeat center center;left: 50%;top:25%;margin-left: -15%;transition: all .5s;background-size: 100%;}
.listVideo li img{;position: relative;width: 100%;transition: all .5s;opacity: 0.6;z-index: -1}
.listVideo li {overflow: hidden;display: block;}
.listVideo li .tit{display: block;padding: 6.5% 10%;font-size: 14px;color: #191919;background-color: #fff;transition: all .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*????????????*/
.listCase{background-color: #ebebeb;padding: 20px 0 60px;}
.listCase ul{max-width: 1720px;}
.listCase li{width: 20%;float: left;overflow: hidden;transition: all .5s;margin-left:50px;margin-bottom: 20px;background: #fff;text-align: center;}
.listCase li .pic{display: block;overflow: hidden;margin-right: 5px;box-sizing: border-box;-moz-box-sizing:border-box;margin-left: 5px;position: relative;padding-top: 55%;}
.listCase li a img{;position: absolute;width: 100%;height:100%;top: 0;left: 0; transition: all .5s;}
.listCase li h4{padding: 10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.listCase li .cover{position: absolute;top: 0;bottom: 0;left: -100%;right: 100%;background: rgba(0,0,0,0.7);color: #fff;padding: 8% 10%;opacity: 0;transition: all .5s;}
.listCase li .cover h4{font-size: 20px;margin-bottom: 10%;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listCase li .cover h4:after{content: "";position: absolute;width: 24px;height: 1px;background-color: #ffffff;left: 0;bottom:-10px;}
.listCase li .cover p{font-size: 12px;}
.listCase li .cover:after{content: "";position: absolute;width: 18px;height: 18px;background: url(img/pCase-more.png) no-repeat center center;left: 10%;bottom: 15%;background-size: 100%;}

/*????????????*/
.listContact{background-color: #ebebeb;padding: 20px 0 60px;}
.listContact-main{padding-bottom: 40px;}
.listContact-main ul{margin-bottom: 30px;}
.listContact li{overflow: hidden;float: left;height: 240px;width: 50%;}
.listContact li .box{overflow: hidden;margin:10px 10px 20px 10px;background-color: #fff;position: relative;}
.listContact li .pic{display: block;float: left;width: 38%;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;bottom: 0;left: 0;background-position: center center;}
.listContact li .txt{padding: 5%;float: right;font-size: 13px;color: #606060;width: 60%;box-sizing: border-box;-moz-box-sizing:border-box;height: }
.listContact li .txt h5{font-size: 18px;color: #0d0d0d;margin-bottom: 3%;}


/*????????????*/
.listJob{padding: 20px 0 60px;}
.listJob .reference{width: 100%;}
.listJob .reference tr:nth-child(odd){background-color:#ededed}
.listJob .reference tr:nth-child(even){background-color:#fff}
.listJob .reference th{color:#191919;background-color:#fff;border:1px solid #d9d9d9;font-size:14px;text-align:center;font-weight: normal;width: 20%;padding: 20px 0}
.listJob .reference td{border:1px solid #d9d9d9;padding: 15px 0;font-size: 14px;color: #0d0d0d;text-align: center;transition: all .5s;}
.listJob .reference td a{color: #0d0d0d}
.listJob .reference td .jobButt{display: inline-block;width: 100px;height: 36px;line-height: 36px;background-color: #234890;border-radius: 4px;color: #fff;}

/*????????????*/
.pcMessage{background-color: #ebebeb;padding: 30px 0 60px;}
.pcMessage table{width: 100%;border-collapse: separate;
border-spacing: 20px}
.pcMessage td input{display: block;}
.pcMessage .tr1 td{width: 33%;margin-bottom: 20px;margin-right: 20px;}
.pcMessage .tr1 td input{width: 100%;height: 48px;line-height: 48px;padding: 0 10px 0 50px;background-color: #fff;background-repeat: no-repeat;background-position: 10px center;color: #000000;font-size: 13px;}
.pcMessage .tr2 td textarea{width: 100%;padding:10px 10px 10px 50px;background: url(img/pMess-ico4.png) no-repeat 10px 10px #fff;min-height: 150px;color: #000000;font-size: 13px;}
.pcMessage .tr1 td:nth-child(1) input{background-image: url(img/pMess-ico1.png);}
.pcMessage .tr1 td:nth-child(2) input{background-image: url(img/pMess-ico2.png);}
.pcMessage .tr1 td:nth-child(3) input{background-image: url(img/pMess-ico3.png);}
.pcMessage .tr3 td{overflow: hidden;}
.pcMessage .tr3 .code{width: 200px;height: 48px;line-height: 48px;background-color: #fff;padding: 10px;font-size: 13px;float: left;}
.pcMessage .tr3 .codeImg{float: left;display: block;padding: 10px;}
.pcMessage .tr4 .sub{display: block;width: 260px;height: 50px;line-height: 50px;text-align: center;font-size: 13px;color: #fff;background-color: #fe9001;cursor: pointer;transition: all .5s;}
.pcMessage .tr4 .sub:hover{background-color: #ea8501}
.wapMessage {display: none;}

/*????????????*/
.pageLayout-main{background-color: #efefef;padding: 100px 0;}
.pageLayout-left{float: left;text-align: right;width:50%;position: relative;}
.pageLayout-right{float: left;width: 50%;}
.pageLayout-right h5{font-size: 24px;font-weight: normal;color: #191919;margin-bottom: 50px;}
.pageLayout-right h5 b{font-weight: normal;color: #234890;}
.pageLayout-right .adrrPoint{margin-left: 80px;}
.pageLayout-right .adrrPoint a{display: inline-block;width:15%;font-size: 14px;color: #0d0d0d;}
.pageLayout-right .adrrPoint a:hover{color: #234890;}

/*????????????*/
.pageProcess{padding: 60px 0;position: relative;}
.pageProcess:after{content: "";position: absolute;width: 100%;height: 1px;background-color: #d9d9d9;top: 59%;}
.pageProcess li{width: 16.5%;position: relative;height: 300px;}
.pageProcess li p{font-size: 16px;color: #0d0d0d;text-align: center;width: 80%;margin: 0 auto;}
.pageProcess li i{position: absolute;width:56px;height: 90px;background-repeat: no-repeat;background-position: center center;background-size: 100%;left: 50%;margin-left: -28px;top: 50%;}
.pageProcess li:nth-child(1) i{background-image: url(img/pProc-num1.png);}
.pageProcess li:nth-child(2) i{background-image: url(img/pProc-num2.png);}
.pageProcess li:nth-child(3) i{background-image: url(img/pProc-num3.png);}
.pageProcess li:nth-child(4) i{background-image: url(img/pProc-num4.png);}
.pageProcess li:nth-child(5) i{background-image: url(img/pProc-num5.png);}
.pageProcess li:nth-child(6) i{background-image: url(img/pProc-num6.png);}
.pageProcess li:nth-child(2n) p{position: absolute;bottom: 0;left: 50%;margin-left: -40%;}
.pageProcess li:nth-child(2) p,.pageProcess li:nth-child(6) p{bottom: 30px;}
.pageProcess li:nth-child(2n+1) i{top: 28%;}
.pageProcess li:nth-child(2n) i{top: 40%;}

/*????????????*/
.pagePledge{background-color: #efefef;padding: 60px 0;}
.pagePledge li{float: left;margin-bottom: 20px;}
.pagePledge li .txt{background-color: #fff;padding: 5% 8%;font-size: 14px;color: #525252;line-height: 20px;}
.pagePledge .li1{width: 50%;}
.pagePledge .li1 .txt{margin-right: 10px;min-height: 380px;}
.pagePledge .li2{width: 50%;}
.pagePledge .li2 .txt{margin-left: 10px;min-height: 380px;}
.pagePledge .li3{width: 100%;}
.pagePledge .li3 .txt{padding: 3% 4%;}
.pagePledge li  h5{font-size: 24px;color: #234890;font-weight: normal;margin-bottom: 20px;}
.pagePledge li h5 i{display: inline-block;width: 46px;height: 46px;border-radius: 50%;line-height: 46px;text-align: center;font-size: 24px;font-style: normal;background-color: #234890;color: #fff;margin-right: 15px;}
.pagePledge .li2 dd{padding-left: 40px;margin-bottom: 20px;margin-left: 5px;}
.pagePledge li dd i{display: block;width: 22px;height: 22px;line-height: 20px;text-align: center;font-size: 14px;font-style: normal;border-radius: 50%;background-color: #234890;color: #fff;float: left;margin-left: -40px;}
.pagePledge .li3 dt{font-size: 16px;color: #191919;float: left;margin-left: -110px;}
.pagePledge .li3  dl{padding-left: 110px;margin-bottom: 20px;}
.pagePledge .li3  dd{margin-bottom: 10px;padding-left: 40px;}
.pagePledge .li3  dd i{margin-left: -40px;}

/*????????????*/
.pagePartner{padding: 60px 0;}
.pagePartner-main{margin: 0 1px;}
.pagePartner li{transition: all .5s;}
.pagePartner li a{border: 1px solid #d9d9d9;display: block;}
.pagePartner li img{display: block;width: 100%;}
.pagePartner .honor-pagination{left: 0;right: 0;text-align: center;margin-top: 10px;}
.pagePartner .honor-pagination span{margin: 0 3px;}

/*????????????*/
.listHonor{padding-bottom: 60px;}
.listHonor li{width: 20%;float: left;margin-bottom: 10px;}
.listHonor li a{display: block;margin: 0 5px;}
.listHonor li .pic{display: block;border: 1px solid #dadada;position: relative;padding: 5px;}
.listHonor li .pic:before,.listHonor li .pic:after{content: "";position: absolute;transition: all .5s}
.listHonor li .pic:before{left: 50%;right: -1px;top: -1px;bottom: -1px;border: 1px solid #234890;width: 0;border-right: none;border-left: none;}
.listHonor li .pic:after{top: 50%;right: -1px;left: -1px;bottom: -1px;border: 1px solid #234890;height: 0;border-top: none;border-bottom: none;}
.listHonor li .pic .picImg{position: relative;width: 100%;padding-bottom: 75%;display: block;}
.listHonor li .pic .picImg img{width: 100%;height:100%;position: absolute;top:0;left: 0;}
.listHonor li .tit{display: block;font-size: 14px;color: #333333;text-align: center;padding: 10px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.listHonor li:hover .pic:before{width: 100%;left: -1px;}
.listHonor li:hover .pic:after{height: 100%;top: -1px;}

/*????????????*/
.listPatent .pic .picImg{padding-top: 141% ! important;}
/*????????????*/
.listPartner .pic .picImg{padding-top: 55% ! important;}

/*????????????*/
.listwrapper{padding: 60px 0;}
.pictureTitle{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dotted #dadada;}
.pictureTitle h3{font-weight: normal;font-size: 24px;font-weight: normal;color: #333;text-align: center;}
.showPicture .pictureWrap{height: 800px;margin-bottom: 30px;}
.pictureShow{width: 80%;margin: 0 auto;height: 80%;}
.pictureShow li{background-size: cover;background-position: center;}
.pictureSlider {width:100%;height: 20%;box-sizing: border-box; padding: 10px 0;overflow: hidden;}
.pictureSlider li {width: 25%;height: 100%;background-size: cover;background-position: center;box-shadow: 0 0 0 5px #234890 inset;opacity: 0.4}
.pictureSlider .active-nav{opacity: 1;}
.pictureContent{margin-bottom: 30px;}
.pictureContent .title,.pictureRelate  .title{color: #333;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #dadada}
.pictureContent .content{background-color: #fff;}
.pictureRelate li{width: 33.3%;float: left;}
.pictureRelate li a{display: block;margin: 0 5px;display: block;overflow: hidden;}
.pictureRelate li a .img_wap{padding-bottom: 58%;width: 100%;position: relative;}
.pictureRelate li a .img_wap img{ width: 100%;height: 100%; position: absolute;top: 0;left: 0;  transition: all .5s; }
.pictureRelate li .tit{padding: 10px 5px ;text-align: center;background-color: #fff;display: block;background-color: #f5f5f5;color: #666;transition: all .5s;}
.pictureRelate li:hover .tit{background-color: #234890;color: #fff;} 

/*????????????*/
.listNews .hot{margin-bottom: 30px;}
.listNews .hot li{width: 33.33%;float: left;border-bottom: 1px solid #e5e5e5;position: relative;}
.listNews .hot li a:after{content: "";position: absolute;width: 0;left: 0;bottom: -1px;height: 1px;background-color: #234890;transition: all .5s;}
.listNews .hot li a{display: block;position: relative;margin: 0 5px;}
.listNews .hot li .pic{display: block;overflow: hidden;}
.listNews .hot li .pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.listNews .hot li .time{position: absolute;left: 0;top: 0;width:70px;height: 70px;text-align: center;font-size: 12px;color: #fff;background: rgba(0,0,0,0.6);}
.listNews .hot li .time b{font-size: 34px;font-weight: normal;display: block;height: 44px;}
.listNews .hot li .txt{padding: 25px 10px 20px;color: #5a5a5a;transition: all .5s;font-size: 12px;}
.listNews .hot li .txt h5{font-size: 16px;color: #232323;font-weight: normal;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listNews .list li {transition: all .5s;background: #fff;overflow: hidden;padding: 30px 30px 30px 150px;}
.listNews .list li:nth-child(2n+1) {background-color: #f5f5f5;}
.listNews .list li a{display: block;position: relative;left: 0;transition: all .5s;}
.listNews .list li .time{display: block;float: left;font-size: 12px;color: #666666;margin-left: -120px;width: 90px;height: 90px;border: 1px solid #adadad;text-align: center;transition: all .5s;}
.listNews .list li strong{font-size: 40px;color: #666666;display: block;font-weight: normal;text-align: center;transition: all .5s;}
.listNews .list li .txt{float: left;margin-top: 15px;}
.listNews .list li h5{font-size: 18px;color: #191919;font-weight: normal;margin-bottom: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listNews .list li p{font-size: 12px;color: #666666;}
.listNews .list li .more{display: block;display: block;font-size: 10px;text-align: center;height: 24px;line-height: 24px;width: 60px;text-align: center;background-color: #234890;color: #fff;margin-top: 35px;transition: all .5s;float: right;}

/*????????????*/
.showArticle .articleStart{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #dedede;overflow: hidden;}
.pictureTitle .time{display: block;font-size: 14px;color: #999999;text-align: center;}
.showArticle .articleContent{margin-bottom: 60px;font-size: 14px;}
.showArticle .articlePage{background: #f5f5f5;overflow: hidden;margin-bottom: 30px;}
.showArticle  .articlePage .post-prev,.showArticle  .articlePage .post-next{transition: all .36s ease;position: relative;width: 50%;overflow: hidden;float: left;padding: 15px;box-sizing: border-box;-moz-box-sizing: border-box;background: #f5f5f5;transition: all .5s;}
.showArticle  .articlePage a{display: block;width: 100%;height: 100%;}
.showArticle  .articlePage .pageImg{transition: all .5s;float: left;}
.showArticle  .post-prev .pageImg{text-align: right;float: right;}
.showArticle  .articlePage h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #666;font-weight: normal;position: relative;transition: all .5s;float: right;}
.showArticle  .articlePage .post-prev h5{right: 0;text-align: right;}
.showArticle  .articlePage .post-next h5{text-align: left;float: left;left: 0;}
.showArticle  .articlePage i{display: block;width: 40px;height:16px;margin-top: 5px;float: left;}
.showArticle  .articlePage .post-prev i{border-right: 1px solid #c9c9c9;background: url(img/pageJt-icoL.png) no-repeat 0 center;transition: all .5s;}
.showArticle  .articlePage .post-next i{border-left: 1px solid #c9c9c9;background: url(img/pageJt-icoR.png) no-repeat -40px center;transition: all .5s;float: right;}
.showArticle .articleHost  h3{height: 30px;line-height: 30px;font-size: 16px;font-weight: normal;color: #303030;margin-bottom: 10px;}
.showArticle .articleRelate-news{border: 1px solid #e5e5e5;padding: 15px 20px;overflow: hidden;}
.showArticle .articleRelate-news li{height: 36px;line-height: 36px;border-bottom: 1px dashed #e5e5e5;transition: all .5s;float: left;width: 48%;box-sizing: border-box;-moz-box-sizing: border-box;margin-right: 2%;}
.showArticle .articleRelate-news li .time{color: #ccc;float: right;font-size: 12px;}
.showArticle .articleRelate-news li a{display: block;background: url(img/ly_li.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;position: relative;transition: all .5s;left: 0;float: left;font-size: 14px;}
.mobliePage{display: none;}

/*????????????*/
.jobDetail{background-color: #ebebeb;padding: 60px 0;}
.detailJob{padding: 20px;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);background-color: #fff;}
.detailJob .jdetit{font-size: 18px;color: #333;margin-bottom: 10px;}
.detailJob .jdeinfo{color: #666;font-size: 14px;padding-bottom: 8px;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}
.detailJob .jdeinfo span{margin-right: 10px;}
.detailJob .content{margin-bottom: 30px;}
.detailJob .more{display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;background-color: #234890;border-radius: 4px;}

/*????????????*/
.listWitness li{width: 25%;float: left;margin-bottom: 20px;}
.listWitness li a{display: block;margin: 0 10px;overflow: hidden;}
.listWitness li img{display: block;width: 100%;position: relative;z-index: -1;transition: all .5s;}
.listWitness li h4{font-size: 14px;text-align: center;padding: 15px 10px;color: #333;background-color: #f5f5f5;transition: all .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listWitness li:hover h4{background-color: #234890;color: #fff;}
.listWitness li:hover img{transform: scale(1.1);}

/*????????????*/
 






